@charset "utf-8";

#visual_view{width:100%; height:755px; margin-left:-48px;}
.VS_img1{z-index:5; position:relative;}


.vis_text{width:100%; height:30px;position:absolute; top:225px; margin-left:0px; z-index:100; text-align:center; font-weight:600}
.vis_text p{ font-size:20px;font-family:NanumGothic;letter-spacing:0.1em;color:#fff;}
.vis_text span {left:10px; top:0; display:inline-block; color:#fff; position:relative; font-family:NGB; font-size:12px; padding:10px 10px 10px 40px; margin-top:10px; background-color:rgba(0,0,0,0.7);}
.vis_text button {display: inline-block; border: 1px #00c6ff solid; margin-left:10px; line-height: 30px; color: #fff; font-family:NGB; font-size:12px; padding: 0 30px; margin-top:-5px; background-color:rgba(0,0,0,0.7);}
.vis_text .VT01{ margin-top:0px;}
.vis_text .VT02{left:-437px; margin-top:-50px;}


#visual{width:100%; min-width:1100px; overflow:hidden; position: fixed; height:500px; top:0; z-index:88;}
.VS_img{z-index:5; position:relative;}
#visual_slides li{width:2560px; position:absolute; left:-1280px; margin-left:50%; top:0; height:822px;}
#visual_slides img{display:block; position:absolute; }

#visual_controll{position: fixed; z-index:999; height:48px; left:50%; width:360px; margin-left:-180px; margin-top:250px;background-color:rgba(19,20,21,0);}
#pagination{text-align:center;  width:200px; position:relative; z-index:66; margin-left:53px; border-top:0; border-bottom:0;}
#pagination li{display:inline-block;}
#pagination li a{display:block; font-size:0; overflow:hidden; width:30px; height:48px;  margin:0 3px; background:url(/web2018/images/main/visual_room_btn.png) no-repeat 50% -240px;  }
#pagination .play_stop{position:absolute; width:52px; right:-53px; display:block; top:0;}
#pagination .play_stop a{display:block; width:52px; margin:0;}
#pagination li .vis-play{background:transparent url(/web2018/images/main/visual_btn.png) no-repeat 50% -144px; display:none;}
#pagination li .vis-stop{background:transparent url(/web2018/images/main/visual_btn.png) no-repeat 50% -96px;}
#pagination li.current a{background:transparent url(/web2018/images/main/visual_room_btn.png) no-repeat 50% -192px; }

#prev-next{position:absolute; top:0; left:0px;  z-index:55; width:100%;}
#prev-next a{display:block; overflow:hidden; font-size:0; width:52px; height:48px; background:url(/web2018/images/main/visual_room_btn.png) no-repeat 50% -0px; }
#prev-next #fade-next{top:0; background-position:50% -48px; right:0;position:absolute; }

.subvis {width:100%;height:155px; overflow:hidden; position:absolute; top:147px; z-index:1;}

#sub_tit{width:100%; text-align:center; height:500px;}
#sub_tit.ST01{background-image:url(/web2018/images/sub/sub_vis01.jpg);}
#sub_tit.ST02{background-image:url(/web2018/images/sub/sub_vis02.jpg);}
#sub_tit.ST03{background-image:url(/web2018/images/sub/sub_vis03.jpg);}
#sub_tit.ST04{background-image:url(/web2018/images/sub/sub_vis04.jpg);}
#sub_tit.ST05{background-image:url(/web2018/images/sub/sub_vis05.jpg);}
#sub_tit.ST06{background-image:url(/web2018/images/sub/sub_vis06.jpg);}
#sub_tit.ST07{background-image:url(/web2018/images/sub/sub_vis07.jpg);}
#sub_tit.ST08{background-image:url(/web2018/images/sub/sub_vis08.jpg);}

#sub_tit p{width:352px; height:105px; background:url(/web2018/images/sub/sub_tit.png) no-repeat 50% 0; margin:0px auto 0; font-size:0;}
#sub_tit p.sub_tit01{background-position:50% 0;}
#sub_tit p.sub_tit02{background-position:50% -100px;}
#sub_tit p.sub_tit03{background-position:50% -200px;}
#sub_tit p.sub_tit04{background-position:50% -300px;}
#sub_tit p.sub_tit05{background-position:50% -400px;}
#sub_tit p.sub_tit06{background-position:50% -500px;}
#sub_tit p.sub_tit07{background-position:50% -600px;}
#sub_tit p.sub_tit08{background-position:50% -700px;}

#sub_cont{width:100%; padding:0px 0 0px; line-height:20px; min-height:500px;}
#sub_board_cont { width: 100%; min-width: 1100px;  margin: auto;  padding: 0px 0 160px;  line-height: 26px;}

#wrap {
	width:100%;
}
/* go_top */
.go_top {left: 50%; bottom: 30px; margin-left: 585px;position:fixed; z-index:99999; bottom:20px; right:10px; width:40px;height:40px;text-align:center;border-radius:0px;background-color:rgba(102,102,102,0.7);}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}

.container{position:relative; width:100%;}
.section {
	left:0; margin:0 auto 0; width:100%; 
	-webkit-transition: left 0.3s; -moz-transition: left 0.3s; transition: left 0.3s;
}

.subHeader {
	position:relative;
	overflow:hidden;
	width:100%;
	border:1px solid #dfdfdf;
	top:0;
	margin:0 auto;
	background:#fff;

}

.sub_top {width:1200px; height:50px;display:inline-block;}


p.visualtxt {
	display:block;
	position:absolute;
	left:20px;
	top:230px;
	z-index:1;
	}

p.visualimg {display:block;position:absolute;left:-1280px; margin-left:50%;}

#subfooterWrap {
	position:absolute;
	display:block;
	width:100%;
	height:130px;
	margin-top:38px;
	text-align:center;
}

#subfooterWrap .logo {
	display:inline;
	width:46px;
	height:46px;
	margin-right:15px;
}

#subfooterWrap .logo img {
	width:46px;
	height:46px;
}

#subfooterWrap address {
	font-style:normal;
	display:inline-block;
	font-size:12px;
	color:#929292;
	vertical-align:top;
	line-height:20px;
	margin-top:5px;
}

/* ���� �޴� */
.leftSide {
	position:relative;
	float:left;
	width:223px;
	margin-top:188px;
	margin-right:34px;
	text-align:left;
	}

.leftSide h2 {
	font-size:20px;
	color:#000;
	border-bottom:1px solid #727373;
	margin-bottom:20px;
	padding-bottom:20px;
	}

.leftSide ul.snb {
	position:relative;
	width:100%;
	border-top:1px solid #D8D8D8;
	}

.leftSide ul.snb li {
	position:relative;
	width:100%;
	height:42px;
	border-bottom:1px solid #D8D8D8;
	}

.leftSide ul.snb li a {
	display:inline-block;
	width:100%;
	height:30px;
	padding-top:12px;
	text-indent:10px;
	font-size:15px;
	color:#515151;
	}

.leftSide ul.snb li a:hover, .leftSide ul.snb li.current a {
	background:#3E68C3;
	color:#fff;
	}

/* ���� �׺�, ������ */
.rightSide {
	position:relative;
	float:left;
	margin-top:188px;
	width:843px;
	text-align:left;
	}

.rightSide h3 {
	font-size:26px;
	color:#11327b;
	border-bottom:1px solid #CBCBCB;
	padding-bottom:20px;
	margin-top:-8px;
	}

.rightSide ul.navigation {
	width:100%;
	position:absolute;
	text-align:right;
	top:5px;
	}

.rightSide ul.navigation li {
	display:inline;
	font-family:'dotum';
	font-size:13px;
	color:#a0a0a0;
	}

.rightSide ul.navigation li img {
	vertical-align:top;
	}

.rightSide ul.navigation li.current {
	color:#202020;
	}

/* ������ */
.contents {position:relative;clear:both; padding-left:10px; padding-right:10px;margin-bottom:50px; background:#fff;}


.contents_sub {position:relative;clear:both; margin-bottom:50px; display:block;}
.contents_sub p{text-align:justify; margin-bottom:26px;font-size:15px;line-height:25px;}
.contents_sub p1{text-align:center; margin-bottom:26px;font-size:17px;line-height:25px;}
.contents_sub ul{}
.contents_sub li{position:relative; padding:0px 0;}
.contents_sub p span{font-size:20px; color:#009ac7; }
.contents_sub p strong{font-size:24px; color:#505050;}
.contents_sub li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

.contents_sub1 {position:relative;clear:both; padding-left:10px; padding-right:10px;margin-bottom:50px; background:#fff;}
.contents_sub1 p{text-align:justify; margin-bottom:26px;font-size:20px;line-height:35px;}
.contents_sub1 ul{}
.contents_sub1 li{position:relative; padding:10px 0;}
.contents_sub1 p span{font-size:20px; color:#009ac7; }
.contents_sub1 p strong{font-size:24px; color:#505050;}
.contents_sub1 li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

.contents_2_sub1 li{position:initial; padding:0px 0;}




.icons {padding: 0; margin: 0;list-style: none;width: 100%;display: table;border-top: 1px solid #b0b4b6;border-bottom: 1px solid #b0b4b6;padding: 10px 0;}
.icons li {padding: 10px 20px;display: table-cell;text-align: center;}
.icons li p {margin: 0; text-align:center; font-size:13px;}
.icon_box, .policies .cont .list li .icon_box { width:100px;padding-right: 50px; }
.div,.policies .cont .list li >div {display: table-cell; vertical-align: top;}

.greeting {width:100%;padding: 30px 0px 30px 0;display: flex;}
.greeting .none{width:40px; height:100%;}
.greeting_top {width:100%;padding: 30px 0px 30px 0;}
.greeting_top img { width:100%;vertical-align: text-top;}
.greeting_top .title2 {text-align:center; padding:50px 0 0 0; font-size:13px;}
.greeting_top h3 { font-size:24px; font-weight:600;}
.greeting_top p { width:70%; text-align:center; margin:0 auto;}

.greeting li {width:50%;display: table-cell;}
.greeting h4 { font-size:20px; font-weight:600;}
.greeting img { vertical-align: text-top;}
.greeting .cont{ padding:20px 0 0 20px; text-align:justify; font-size:20px; line-height:28px;}
.greeting .cont2{ padding:10px 20px; text-align:justify; margin-top:2px; font-size:13px; background:#FFF;}
.greeting .cont3{ height:200px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}
.greeting .cont4{ padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}

.history {width:100%;padding:0px 0px 30px 0; display:flex;flex-flow: row wrap;}
.history .none{width:40px; height:100%;}
.history_top {width:100%;padding: 30px 0px 0px 0;}
.history_top img { width:100%;vertical-align: text-top;}
.history_top .title2 { padding:0px 0 0 0; font-size:13px;}
.history_top h3 { font-size:50px; font-weight:600;line-height:40px; color:#23517d;}
.history_top h4 { font-size:22px; font-weight:600;line-height:30px;}
.history_top p { width:100%; }

.history li {width:48%;display: table-cell; padding:0 5px;}
.history h3 { font-size:15px; font-weight:600;}
.history h4 { font-size:50px; font-weight:600;}
.history h4 strong{ font-size:20px; font-weight:400;}
.history img {vertical-align: text-top;}
.history .cont{ text-align:justify; font-size:14px; color:#5e5e5e;}
.history .cont2{ text-align:justify; margin-top:2px; font-size:13px;}
.history .cont2 p{ height:36px; margin-top:2px; padding-top:10px; font-size:13px; background:#fff; margin-bottom:0px; text-align:justify;}
.history .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; background:#fff; text-align:right;}
.history .cont2 p spen{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}

.residency {width:100%;padding:0px 0px 30px 0;}
.residency li {margin-top:2px; font-size:15px;color:#fff;background:#a8a8a8;display:flex;}
.residency .cont { padding:10px 0;}
.residency li spen{ padding:10px 20px; font-size:20px; font-weight:bold; color:#fff;}

.cafe {width:100%;padding:0px 0px 30px 0;display: table;}
.cafet {display:inline;}
.cafe .none{width:40px; height:100%;}

.cafe li {width:50%; padding-top:50px;display:table-cell; }
.cafe h4 { font-size:25px; font-weight:600;}
.cafe h3 { font-size:15px; font-weight:600;}
.cafe h2 { font-size:13px; color:#C00; }
.cafe h3 spen{ width:30%; padding:0 0px; font-weight:600;}
.cafe h3 spen1{ width:20%; padding:0 20px;font-size:13px; float:right; text-align:right;}
.cafe img { width:auto;float:left;}
.cafe .cont{display:table-cell; font-size:13px; padding-top:5px;}
.cafe .cont2{ text-align:justify; margin-top:2px; font-size:13px;}
.cafe .cont2 p{ height:30px; margin-top:1px; padding-top:5px; font-size:15px; background:#848484; color:#fff; margin-bottom:0px; text-align:justify;}
.cafe .cont2 p strong{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}
.cafe .cont2 p spen{ width:30%; padding:0 20px; font-weight:600;}
.cafe .cont2 p spen1{ width:20%; padding:0 20px; font-weight:500; float:right; text-align:right;}

.event li {width:50%;display: table-cell;}
.event h4 { font-size:20px; font-weight:600;}
.event img { width:100%;vertical-align: text-top;}
.event .cont{ height:80px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}
.event .cont2{ height:10px; padding:10px 20px; text-align:justify; margin-top:2px; font-size:13px; background:#FFF;}
.event .cont3{ height:200px; padding:20px 20px; text-align:justify; font-size:13px; background:#FFF;}



.greeting .cont .c_list{padding: 0;margin: 0;list-style: none;position: relative;}
.greeting button {display:inline-block;  color: #fff; font-family: NGB; font-size: 12px; padding: 0 30px; bottom:10px; right:20px; background-color: #b40000;}
.greeting .cont .c_list li {padding-left: 10px;}
.greeting .cont .c_list li:before {content: '-';position: absolute;left: 0;}

.description .title, .description .cont,  .policies .title,  .policies .cont {display: table-cell;}
.description , .policies { width:100%;display: table;border-bottom: 1px solid #b0b4b6;padding: 30px 0px 30px 0;}
.description .cont .c_list, .policies .cont .c_list {padding: 0;margin: 0;list-style: none;position: relative;}
.description .cont .c_list li, .policies .cont .c_list li {padding-left: 10px;}
.description .cont .c_list h3{font-size: 15px;font-weight: 600; color:#000;}
.description .cont .c_list li:before, .policies .cont .c_list li:before {content: '-';position: absolute;left: 0;}
.description .cont2 p {padding:7px 20px 7px 20px; margin-top:1px; font-size:14px; background: #fff; margin-bottom: 0px; text-align: justify;}

.description .title{width:180px;vertical-align: top;text-align:center;}
.description .title h3 {font-size: 30px;font-weight: 500;color: #0075c8;margin: 0;line-height: 35px; display: inherit; text-align:left}
.description  h3{font-size: 15px;font-weight: 600;color: #6b6b6b;margin: 0;line-height: 25px;}
.description .title h4 {font-size: 20px;font-weight: 600;color: #0075c8;margin: 0;line-height: 25px;}
.description .cont {width:100%;font-size: 15px;line-height: 25px; display:inline-block;}
.description .cont .cont_title {width:100%;display:flex; color: #fff; padding: 10px 0px; background-color: #2a8db2;}
.description .cont .cont_title h3{line-height:25px;font-size:15px;font-weight:400;color: #fff;margin:0 auto;}
.description .cont ul{text-align:justify;}
.description .cont li{ width:16%;display: inline-block;padding:0px 0 20px 0;}
.description .cont img{ width:100%;}

.location .title{display: table-cell;}
.location { width:100%;display: table;border-bottom: 1px solid #b0b4b6;padding: 30px 0px 30px 0;}
.location .cont .c_list{padding: 0;margin: 0;list-style: none;position: relative;}
.location .cont .c_list li{padding-left: 10px;}
.location .cont .c_list li strong{ font-weight:500;}
.location .cont .c_list li:before{content: '-';position: absolute;left: 0;}
.location .title{width:180px;vertical-align: top;text-align:center;}
.location .title h4 {font-size: 20px;font-weight: 600;color: #0075c8;margin: 0;line-height: 25px;}
.location .cont {width:100%;font-size: 15px;line-height: 25px; display:inline-block;}
.location .cont .cont_title {width:100%;display:flex; color: #fff; padding: 10px 0px; background-color: #2a8db2;}
.location .cont .cont_title h3{line-height:25px;font-size:15px;font-weight:400;color: #fff;margin:0 auto;}
.location .cont ul{text-align:justify;}
.location .cont li{ width:100%;display: inline-block;padding:0px 0 20px 0;}

.policies {display: table;border-bottom: 1px solid #0069ed;padding: 30px 0px 30px 0;}
.policies  h4 {font-size:40px;font-weight:bold;color:#2a8db2; padding:30px 0;}
.policies .title {vertical-align: top;text-align:center;width:157px;display: block; color: #fff; padding: 20px 10px; margin-right:100px; background-color: #0069ed;}
.policies .title h3 {line-height: 25px;font-size:20px;font-weight: 500;color: #fff;margin:0 auto;}
.policies .cont { max-width:754px;font-size: 15px;line-height: 25px;}
.policies .cont .policies li {display: table;padding:20px 0;}
.policies li {display: table;padding:20px 0;}
.policies .cont h3 {font-size:17px;color:#0069ed; font-weight:500;}


#special_title{ width:100%; text-align:center; padding:20px 0;}

.sub0301{ text-align:center;}
.sub0301 p{ width:90%;text-align:center; margin:0 auto; margin-bottom:26px;font-size:15px;line-height:26px;}
.sub0301 ul{border-top:2px #000 solid;}
.sub0301 li{border-bottom:1px rgba(0,0,0,0.2) solid; position:relative; padding:25px 0; padding-left:127px; }
.sub0301 p span{font-size:25px; color:#00d8ff;}
.sub0301 p strong{font-size:50px; color:#0f58a7; font-family:'NanumGothic';line-height:50px;}
.sub0301 li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

/* �Ķ��� �Ұ� */	
.contents .contimg2 {
	display:inline-block;
	}

/* �Ķ��� ������� */	
.org_img1 { width:890px; display:inline; }
.org_img2 { display:none; }

/* �Ķ��� �����丮 */	
#portfolio { }

.portfolio_title {
	position:absolute;
	display:block;
	left:50%;
	margin-left:-115px;
	z-index:9;
	}

.portfolio_tree {
	position:relative;
	display:block;
	top:60px;
	left:50%;
	margin-left:-8px;
	padding-bottom:155px;
	}

.portfolio_2015 { width:410px;display:block;top:50px; float:left;}
.portfolio_2015 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;line-height:35px;}
.portfolio_2015 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;}
.portfolio_2015 dt strong {display:inline-block;vertical-align:top; color:#7b9007;}
.portfolio_2015 dt p {width:100%;display:inline-block;font-size:13px;margin-bottom:15px;line-height:22px; text-align:justify;}

.portfolio_2016 {width:410px;display:block;right:0px;top:50px;float: right;}
.portfolio_2016 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;}
.portfolio_2016 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;line-height:25px;}
.portfolio_2016 dt strong {display:inline-block;vertical-align:top; color:#7b9007;}
.portfolio_2016 dt p  {width:100%;display:inline-block;font-size:13px;margin-bottom:15px;line-height:22px;text-align:justify;}

.portfolio_2018 {position:absolute;display:block;right:20px;top:1030px; background-color:#009;}
.portfolio_2018 dd {font-size:28px;color:#000;display:block;margin-bottom:20px;}
.portfolio_2018 dt {font-size:15px;color:#666;display:block;margin-bottom:15px;line-height:25px;}
.portfolio_2018 dt strong {width:17%;display:inline-block;vertical-align:top;}
.portfolio_2018 dt p {width:83%;display:inline-block;font-size:15px;margin-bottom:15px;line-height:22px;}


#mask {position:fixed; z-index:99999; background-color:#000; display:none;left:0; top:0;} 
	
.window{display: none;position:absolute;left:50%;top:800px;margin-left:-550px;width:100%;z-index:999999;}
.window a{ color:#fff; font-size:12px;}


.SL_num{position:absolute; display:block; width:60px; height:60px; font-size:0; background:url(/web2018/images/sub/num_img.gif) no-repeat 50% -3px; background-size:200px 1650px; }
.SL_num1{position:absolute; display:block; width:60px; height:60px; font-size:0; background:url(/web2018/images/sub/num_img1.gif) no-repeat 50% -3px; background-size:200px 1600px; }
.SL_num3{position:absolute; display:block;  padding:15px;  text-align:center !important; font-size:25px !important; font-weight:bold; background:#0087e6; color:#fff;}
.SL_layer .SL_num{top:0; margin-left:-103px; left:50%; border:3px #fff solid;}
.SL_layer1 .SL_num1{top:0; margin-left:-103px; left:50%; border:3px #fff solid;}
.SL_num.SLN02{background-position:50% -69px;}
.SL_num.SLN03{background-position:50% -135px;}
.SL_num.SLN04{background-position:50% -201px;}
.SL_num.SLN05{background-position:50% -267px;}
.SL_num.SLN06{background-position:50% -333px;}
.SL_num.SLN07{background-position:50% -399px;}
.SL_num.SLN08{background-position:50% -465px;}
.SL_num.SLN09{background-position:50% -531px;}
.SL_num.SLN10{background-position:50% -597px;}
.SL_num.SLN11{background-position:50% -663px;}
.SL_num.SLN12{background-position:50% -729px;}
.SL_num.SLN13{background-position:50% -795px;}
.SL_num.SLN14{background-position:50% -861px;}
.SL_num.SLN15{background-position:50% -927px;}
.SL_num.SLN16{background-position:50% -993px;}
.SL_num.SLN17{background-position:50% -1059px;}
.SL_num.SLN18{background-position:50% -1125px;}
.SL_num.SLN19{background-position:50% -1191px;}
.SL_num.SLN20{background-position:50% -1257px;}
.SL_num.SLN21{background-position:50% -1323px;}
.SL_num.SLN22{background-position:50% -1389px;}
.SL_num.SLN23{background-position:50% -1455px;}
.SL_num.SLN24{background-position:50% -1521px;}
.SL_num.SLN25{background-position:50% -1587px;}

.SL_num1.SLN02{background-position:50% -69px;}
.SL_num1.SLN03{background-position:50% -135px;}
.SL_num1.SLN04{background-position:50% -201px;}
.SL_num1.SLN05{background-position:50% -267px;}
.SL_num1.SLN06{background-position:50% -333px;}
.SL_num1.SLN07{background-position:50% -399px;}
.SL_num.SLN08{background-position:50% -465px;}
.SL_num1.SLN09{background-position:50% -531px;}
.SL_num1.SLN10{background-position:50% -597px;}
.SL_num1.SLN11{background-position:50% -663px;}
.SL_num1.SLN12{background-position:50% -729px;}
.SL_num1.SLN13{background-position:50% -795px;}
.SL_num1.SLN14{background-position:50% -861px;}
.SL_num1.SLN15{background-position:50% -927px;}




.SP_num{position:absolute; display:block; width:60px; height:60px; font-size:0; background:url(/web2018/images/sub/num_img.gif) no-repeat 50% -3px; background-size:200px 1600px; }

.SP_num.SLN_close{background-position:50% -1323px;}
.SP_tit{font-family:NGB; font-size:24px; color:#4a4745; margin-top:35px;}
.SP_tit span{display:block; font-size:18px; margin-top:2px;}
.SP_tit.one_line{padding:15px 0;}
.SP_add{color:#555352; line-height:20px; }

.SP_pop{position:absolute; top:0; ;left:0; width:100%; display:none; cursor:pointer;}
.SP_pop .SP_box{height:352px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2018/images/sub/sub0401_map_01.jpg); background-size:cover;}
.SP_pop .SP_tit{color:#fff;}

.SP_layer{width:100%; margin-bottom:30px; position:relative; min-height:500px;}
.SP_layer1{width:100%; border:3px #fff solid; margin-bottom:30px; background-color:#ee707c; position:relative; min-height:352px;}
.SP_layer2{width:100%; border:3px #fbb215 solid; margin-bottom:30px; background-color:rgba(255,255,255,0.3); position:relative; min-height:352px;}

.SP_pic{position:absolute;}
.SP_pic span1{position:absolute; left:65px; display:inline-block; color:#fff;  font-family:NGB; font-size:12px; }
.SP_pic span2{position:absolute; left:0; display:inline-block; color:#fff;  font-family:NGB; font-size:12px; padding:17px 12px; background-color:#fbb215;}
.SP_layer .SL_num{top:0px;}
.SP_layer1 .SL_num1{left:81px; top:0px;}
.SP_layer2 .SL_num1{left:70px; top:0px;}
.SPP_img{border:0px transparent solid; margin-top:90px; overflow:hidden; text-align:center;}
.SP_btn{ width:100%; padding-left:75px;}
.SP_btn button{display:inline-block; bordeR:1px #00c6ff solid; line-height:30px; color:#fff; font-size:13px; padding:0 38px; background-color:#155dfa;}

.SP_cont{padding:10px 0px 10px 571px; min-height:450px;}
.SP_cont h4{color:#0075c8; font-size:40px; font-weight:bold; margin-bottom:10px; line-height:40px; }
.SP_cont h5{color:#0075c8; font-size:18px;  margin-bottom:31px; }
.SP_cont li{position:relative; color:#5e5e5e; margin-bottom:10px;text-align:justify; font-size:13px;}
.SP_cont li strong{font-size:13px; font-weight:bold;}
.SP_cont span{ display: flex; color:#0075c8; font-family:NGB; font-size:15px; text-indent:hanging;}


.SP_cont1{padding:40px 100px 40px 414px;}
.SP_cont1 h4{color:#000; font-size:25px; font-weight:normal; margin-bottom:20px; }
.SP_cont1 h5{color:#000; font-size:15px;  margin-bottom:31px; }
.SP_cont1 li{position:relative; color:#000; padding-left:70px; margin-bottom:10px;}
.SP_cont1 span{position:absolute; left:0; display:inline-block; color:#000; border:1px #00c6ff solid;  font-family:NGB; font-size:12px; padding:0 12px; background-color:#00c6ff;}

.SP_map{display:inline-block; text-align:center; background:#3da714; height:32px; border:1px transparent solid; border-radius:3px; text-align:center; padding:0 15px; margin-left:15px;}
.SP_map em{display:inline-block; line-height:32px; color:#fff; background:url(/web2018/images/sub/program_ico.png) no-repeat left 0; font-size:13px; font-family:NGB; padding-left:18px;}
.SPC_btn{border:1px transparent solid; line-height:32px;position:absolute; bottom:0; left:50%; margin-left:-25px;}
.SPC_btn em{color:#fff; font-size:13px; font-family:NGB;}
.SP_more_box{position:relative; padding-top:20px; padding-bottom:32px; margin-left:0px;  color:#666; text-align:center;}
.SP_more_box p{position:relative}
.SP_more_box ul{padding-left:0;}
.SPC_btn .btn02{display:none;}
.SPC_btn.active .btn02{display:block;background:url(/web2018/images/sub/2_sub1_img_6.jpg) no-repeat left -64px;}
.SPC_btn.active .btn01{display:none;}
.SP_more_box .SP_more{display:none;}
.SP_more_box .about{ margin-left:-500px; position:absolute; z-index:10; top:130px;}
.SP_more{margin-bottom:16px;}
.SP_cont .SP_tit{font-size:18px; color:#147c7a; font-family:NGB; margin-top:5px;}
.SP_cont .zone{color:#a0351c; font-family:NGB; display:inline-block; margin-left:5px}
.SP_more_box table{margin-bottom:30px;}
.SP_more_box table thead th{background:#78808d; color:#fff; padding:7px 0; font-weight:normal; font-family:NGB; border-left:1px #a2a6af solid;}
.SP_more_box table thead th:first-child{border-left:0;}
.SP_more_box table tbody th{border:2px #868c98 solid; border-width:0 1px 1px; background:#e6e9ee;font-weight:normal; font-family:NGB; color:#5b606a;}
.SP_more_box table tbody td{border:2px #868c98 solid; border-width:0 1px 1px 0; text-align:center; padding:7px;}
.SP_more_box table tbody td.td_left{text-align:left;}
.SP_more_box h5{color:#fff; font-size:18px; margin:20px 0 10px;}
.SP_more_box h6{font-size:15px; margin:15px 0 5px; font-weight:500;color:#000;}
.SP_more_box p{margin-bottom:7px;font-size:13px;color:#FFF; display:flex;}
.SP_more_box span1{ color:#FF0; margin-left:70px;}











/* 810px begin */
@media (min-width:320px) and (max-width:810px) {
	
#sub_cont{width:100%; margin-top:0px; line-height:18px;}
#sub_board_cont { width: 100%; min-width: 100%;  margin: auto;  padding: 0px 0 160px;  line-height: 26px;}
	
#sub_tit{ height:0px; background-size:1440px 159px; padding-top:0px;}
#sub_tit p{ height:60px; margin-top:-5px;}
#sub_tit p.sub_tit01{background-position:50% 0;}
#sub_tit p.sub_tit02{background-position:50% -100px;}
#sub_tit p.sub_tit03{background-position:50% -200px;}
#sub_tit p.sub_tit04{background-position:50% -300px;}
#sub_tit p.sub_tit05{background-position:50% -400px;}
#sub_tit p.sub_tit06{background-position:50% -500px;}
#sub_tit p.sub_tit07{background-position:50% -600px;}
#sub_tit p.sub_tit08{background-position:50% -420px;}
/* ���� �޴� */
.leftSide {
	display:none;
	clear:left;
	}

/* ���� �׺�, ������ */
.rightSide {
	position:relative;
	clear:left;
	width:100%;
	}

.rightSide h3 {
	padding-left:20px;
	padding-top:20px;
	}

.rightSide ul.navigation {
	width:100%;
	position:relative;
	text-align:left;
	top:0px;
	left:0px;
	}

.rightSide ul.navigation li {
	display:inline;
	font-family:'dotum';
	font-size:13px;
	color:#a0a0a0;
	}

.rightSide ul.navigation li img {
	vertical-align:top;
	}

.rightSide ul.navigation li.current {
	color:#202020;
	}

/* ������ */
.contents {
	width:90%;
	padding:0 5%;
	text-align:center;
	}
	
.contents_sub1 img{ width:100%;}

#visual{width:100%; max-width:640px; height:250px; min-width:100%; position:relative; overflow:hidden; top:0;}
.vis_text{top:100px; width:214px; margin-left:20px;}
.vis_text .VT01{display:none;}
.vis_text .VT02 img{width:214px;}
#visual_slides{ z-index:999;}
#visual_slides li{width:100%; max-width:640px; height:500px;overflow:hidden;  margin-left:0; left:0; overflow:hidden; text-align:center; position:relative;}
#visual_slides img {display: block; margin: 0 auto; top:50px; left: 50%; margin-left: -425px; height: 200px;}

#pagination{ width:100%;text-align:center; position:relative; z-index:66; border-top:0; border-bottom:0;}

#prev-next{ display:none;}
#visual_controll{ position:absolute;margin-top:60px; height:48px; left:0; width:100%; margin-left:-50px;}

.VS_img{height:100px;}
.visual_img{height:100px;}

.icons { display: block;margin-bottom: 0;}
.icons li {text-align: center; padding:10px 5px;}
.icons li p {display: inline-block;font-size: 12px; font-weight:bold;}

.greeting_top p { width:90%;}
.greeting{ padding: 15px 0;}
.greeting .title{width: 100%;}
.greeting li{width: 100%; height:100%; display: block;}
.greeting .title h3{font-size: 20px; padding-bottom: 10px;}
.greeting img{ width:100%;}
.greeting .win { width:100%;display:block;}
.greeting .title, .greeting .cont { display: block; line-height:20px;}
.greeting .cont4{line-height:20px;}
.greeting .cont{ padding:20px 0 0 20px; text-align:justify; font-size:15px; line-height:20px;}

.history_top p { width:100%;}
.history_top {padding: 0px 0px 0px 0;}
.history{ padding: 15px 0;}
.history .title{width: 100%;}
.history_top .title2 { padding:0px 0 0 0; font-size:13px;}
.history li{width: 100%; height:100%; display: block;}
.history .title h3{font-size: 20px; padding-bottom: 10px;}
.history img{ width:100%;}
.history_top h3 { font-size:20px; font-weight:500;line-height: 23px;}
.history_top h4 { font-size:20px; font-weight:500;line-height:23px;}
.history .win { width:100%;display:block;}
.history .title, .history .cont { display: block;}
.history h4 { font-size:30px; font-weight:600;}
.history h4 strong{ font-size:15px; font-weight:600;}

.cafe{ padding: 15px 0;}
.cafe h4{ font-size:20px;}
.cafe li{width: 100%; height:100%; display: block;}
.cafe .title, .cafe .cont { display: block;}

.event .cont{ height: auto; }


.description, .greeting,.policies {padding: 15px 0;}
.description .title, .greeting .title {width: 100%;}
.description .title h3, .greeting .title h3,.policies .title h3 {font-size: 20px; padding-bottom: 10px; display:block;}
.description .cont li{ width:49%;}


.description .title, .greeting .title, .description .cont, .greeting .cont,.policies .title, .policies .cont { display: block;}

	
/* �Ķ��� �Ұ� */	
.contimg1 {
	display:inline-block;
	margin:0 0 50px 0;
	}

.contents .contimg2 { width:100%;
	display:inline-block;
	margin-left:0;
	}

.contimg1 img {
	width:70%;
	}

.contimg2 img {
	width:100%;
	}

/* �Ķ��� ������� */	
.org_img1 { width:100%; display:none; }
.org_img2 { width:100%; display:inline; }

/* �Ķ��� �����丮 */	
#portfolio { width:100%; margin:0 auto;}
#rooms { width:95%; margin:0 auto;}

.portfolio_title {
	position:relative;
	display:block;
	left:50%;
	margin-left:-115px;
	z-index:9;
	}

.portfolio_tree {
	display:none;
	}

.portfolio_2015 {position:relative;display:block;top:30px;width:100%; right:0px;}
.portfolio_2015 dt img {width:100%;}

.portfolio_2016 {position:relative;display:block;left:0px;width:100%;}
.portfolio_2016 dt img {width:100%;}
	
.portfolio_2018 {position:relative;display:block;top:130px;width:100%;right:0px;}
.portfolio_2018 dt img {width:100%;}
	

.contents {text-align:center;}
.aboutthis {width:550px; left:50%; margin-left:-275px; display:block;
	position:relative; }
	
	
.sub_top {width:100%; position:relative;display:inline-block; margin-left:0px;}

.sub0301 p{width:100%}

.go_top {left: 50%; bottom: 30px; margin-left: 140px;}

.window {width:1100px;z-index:999999; top:1400px;}
.window iframe{ width:400px; height:275px; margin-left:350px;}

#visual_view_slides img{ width:400px; height:275px; }

.SP_pop .SP_box{height:740px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2018/images/sub/sub0401_map_01_1.jpg); background-size:cover;}
.SP_layer{border-width:3px; margin:0 auto; margin-bottom:20px;}
.SP_layer2{width:90%; border-width:3px; margin:0 auto 20px;}
.SP_pic{position:relative;}
.SP_pic img{width:100%;}
.SP_cont{padding:5px;}
.SP_cont h4{text-align:center; line-height:1.4; font-size:20px; margin-bottom:0px;}
.SP_cont h5{text-align:center;margin-bottom:10px;}

.SP_map{margin-left:0; margin-top:7px; display:block; width:120px;}

.SPP_img{width:100%;margin-top:0px;}

#sub0501{ margin-bottom:-50px; background-color:#eceded;}
.SP_pop1 .SP_box1{height:300px; background:rgba(0, 198, 255,0.94);  border-color:#00c6ff; background-image:url(/web2018/images/sub/sub0401_map_01_1.jpg); background-size:cover;}
.SP_cont1{padding:20px; padding-top:40px;}
.SP_cont1 h4{text-align:center; line-height:1.4;}

.SP_map{margin-left:0; margin-top:7px; display:block; width:120px;}

.SP_more_box .about{ margin-left:0px; position: inherit; z-index:10; top:100px;}
.SP_more_box img{ width:100%;}
.SP_more_box p{ display: block;}